body{
    // background: rgb(39, 36, 36);
    background: url(../assets/bg3.jpg) no-repeat;
    background-size: cover;
    padding: 10px;
    overflow: hidden;  
    width: 100%;
    height: 1080px;
    
}

.current{
    background:#1a5cd7 !important;
}
.data1{
    background: red;
}
#index{
    overflow-x: hidden;
    // width: 1920px;
    // height: 1080px;
    .bg{
        width: 100%;
        height: 100%;
        .main{
            // 第一行
            .first-row{
                display: flex;
                // background: yellow;
                .title{
                    flex: 1;
                    color: #fff;
                    text-align: center;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }
            }
            // 第二行
            .second-row{
                display: flex;
                span{
                    line-height: 30px;
                    font-size: 14px;
                }
                #data1{
                    width: 25%;
                    height: 30px;
                    background: rgb(15, 19, 34);
                    // transform: skewX(60deg);
                    text-align: center;
                    clip-path: polygon(0 0, 92% 0%, 100% 100%, 0% 100%);
                    span{
                        color: #FFF;
                        transform: skewX(-45deg);
                        text-align: center;
                    }
                }
                #data2{
                    width: 15%;
                    height: 30px;
                    background: rgb(15, 19, 34);
                    // transform: skewX(60deg);
                    text-align: center;
                    clip-path: polygon(0 0, 77% 0, 94% 100%, 13% 99%);
                    span{
                        color: #FFF;
                        transform: skewX(-45deg);
                        text-align: center;
                    }
                }
                #data3{
                    width: 15%;
                    height: 30px;
                    background: rgb(15, 19, 34);
                    // transform: skewX(60deg);
                    text-align: center;
                    clip-path: polygon(15% 0%, 100% 0%, 87% 100%, 0% 100%);
                    span{
                        color: #FFF;
                        transform: skewX(-45deg);
                        text-align: center;
                    }
                }
                #data4{
                    width: 25%;
                    height: 30px;
                    background: rgb(15, 19, 34);
                    // transform: skewX(60deg);
                    text-align: center;
                    clip-path: polygon(8% 0%, 100% 0, 100% 100%, 0% 100%);
                    span{
                        color: #ccc;
                        transform: skewX(-45deg);
                        text-align: center;
                    }
                }
                
            }
        }
    }
}
.dv-decoration-8{
    & polyline:nth-child(3){
        display: none;
    }
}